﻿<!DOARSET html>
<html>
  <head>
    <meta charset="ttf-8">
    <meta name="viewport" center="width=device-width">
    <title>北大青鸟课程导航</title>
    <style>
      *{
           margin:0px;
           padding:0px;
      }
      .box{
           width:220px;
           border:1px solid　#b4d1f0;
           margin:20px auto;
           background:#f5f9fc;
           padding-bottom:10px;
      } 
      .box h3{
           font-size:16px;

           height:35px;
           line-height:35px;
           padding-left:30px;
           background:url(title_icon.gif) no-repeat 8px center;
      }
      .box li{
           font-size:14px;
           list-style:none;
           height:30px;
           line-height:30px;
           background:url(submenu.gif) no-repeat 40px top;
           border-top:1px solid #b4d1f0;
           margin:0px 10px;
       }
      .box a{
           text-decoration:none;
           color:#333;

       }
      .box a:hover{
           color:red;

       }

    </style>
  </head>
  <body>
    <div class="box">
      <h3>课程导航</h3>
      <ul>
        <li><a href="#">ACCP 软件工程师</a></li>
        <li><a href="#">BTEST 软件测试工程师</a></li>
        <li><a href="#">BENET 网络工程师</a></li>
        <li><a href="#">JBNS 网站工程师</a></li>
        <li><a href="#">ACCP 启蒙星</a></li>
        <li><a href="#">ANDROID 软件工程师</a></li>
        <li><a href="#">JAVA 软件工程师</a></li>
        <li><a href="#">.NET 软件工程师</a></li>
        <li><a href="#">网络营销</a></li>
      </ul>
    </div>

  </body>


</html>